<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%
    String msg = (String)request.getParameter("msg");
    boolean isOnload = (msg != null? true:false);

%>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Avalição !</title>
        <link href="./css/avaliacao.css" rel="stylesheet" type="text/css" />
        <script type="text/javaScript">
            function avancar(){
                var usuario = document.getElementById("usuario").value;
                var senha = document.getElementById("senha").value;
                
                if( usuario.trim() == ""){
                    alert("Nome de usuário não informado! ");
                    document.getElementById("usuario").focus();
                    return false;
                    
                }else  if( senha.trim() == ""){
                    alert("senha não informada! ");
                    document.getElementById("senha").focus();
                    return false;
                    
                }
                document.formLogin.submit();
                
            }
            function mensagem(texto){
                <%if(isOnload){%>
                alert(texto);
                <%}%>
            }
        </script>
        
    </head>
    <body  onload="mensagem('<%=msg%>');">
        <form name ="formLogin" method="post" action="login">
            <div id="geral">
                <div id="login-box">
                <H2>Login</H2>
                <br /><br /><br />

                <div id="login-box-name" style="margin-top:20px;">Usuário: </div>
                <div id="login-box-field" style="margin-top:20px;">
                    <input id="usuario" name="usuario" type="text" class="form-login" title="Usuário" size="30" maxlength="2048" />
                </div>

                <div id="login-box-name">Senha: </div>
                <div id="login-box-field">
                    <input id="senha" name="senha" type="password" class="form-login" value="" title="Senha"  size="30" maxlength="2048" />
                </div>
                <br /><br /><br />
                <img src="./images/login-btn.png" style="cursor: pointer; margin: 0px auto; display: block;" onclick="javaScript:avancar()" width="103" height="42" style="margin-left:90px;" /></a>
                </div>
            </div>
        </form>
    </body>
</html>
